.component {
  margin: 20px auto;
  pointer-events: none;

  &.big {
    height: 44px;
    width: 44px;
  }

  &.medium {
    height: 24px;
    margin: 0;
    width: 24px;

    .icon svg path {
      fill: var(--theme-loading-spinner-medium-color);
    }
  }

  &.small {
    height: 30px;
    margin-top: 10px;
    width: 30px;
  }

  .icon svg path {
    fill: var(--theme-loading-spinner-color);
  }

  :global {
    animation: loading-spin 1.5s linear;
    animation-iteration-count: infinite;
  }
}
